import React from 'react';
import { Row, Col } from 'antd';
import img from './-s-banner1-bg.png'
import style from './index.module.css'
import microbit from './microbit@2x.png'
import logo from '../../assets/logo.png'
// import microbitfirst from './microbitfirst.png'
import X from './X@2x.png'
import studentimg from './student.png'
import BBC from './bbc.png'
import UNICEF from './unicef.png'
import BRITISH from './british.png'
import ARM from './arm.png'

export default () => {
  const back = {
    backgroundImage: `url(${img})`
  }
  return <div className={style.a2} style={back}  >
    <div className={`${style.banner}`} >
      <Row align="middle" className={style.img1}>
        <Col offset="2" span="8" className="text-right" >
          <img src={logo} alt="" />
        </Col>
        <Col span="2" className="text-center">
          <img src={X} alt="" />
        </Col>
        <Col span="8">
          <img src={microbit} alt="" />
        </Col>
      </Row>
      <Row className={style.img6}>
        <Col span="24" className="text-center">
          <img src={studentimg} alt="" />
        </Col>
      </Row>
      <Row className={style.img2}>
        <Col span="24" className={style.test1}>
          英国BBC旗下面向青少年的官方赛事 do your :bit 中国区合作伙伴
        </Col>
      </Row>
      <Row className="font">
        <Col span={6}>
          <Col className="font1 fontn">
            <img src={BBC} alt="" />
            <br />
            <br />
            <span>BBC英国广播公司世界最大的新闻广播机构之一</span>
          </Col>
        </Col>
        <Col span={6}>
          <Col className="font2 fontn">
            <img src={UNICEF} alt="" />
            <br />
            <br />
            <span>联合国儿童基金会</span>
            <br />
            <span>联合国系统永久成员</span>
          </Col>
        </Col >
        <Col span={6}>
          <Col className="font3 fontn">
            <img src={BRITISH} alt="" />
            <br />
            <br />
            <span>英国文化协会</span>
            <br />
            <span>雅思主办方、英国留学主管机构</span>
          </Col>
        </Col>
        <Col span={6}>
          <Col className="font3 fontn">
            <img src={ARM} alt="" />
            <br />
            <br />
            <span>英国ARM公司</span>
            <br />
            <span>全球领先的半导体知识产权（IP）提供商</span>
          </Col>
        </Col>
      </Row>
    </div>
  </div>
}